<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>幻宇</title>
    <!-- Material Icons 导入 -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

   <!-- 幻宇logo-->
    <link rel="shortcut icon" href="./logo/幻宇logo.png" type="image/x-icon">

    <!-- css -->
    <link rel="stylesheet" type="text/css" href="./主页css/背景.css">
    <link rel="stylesheet" type="text/css" href="./主页css/导航栏.css">
    <link rel="stylesheet" type="text/css" href="./主页css/声音.css">

    <!-- js -->
    <script src="./主页js/声音.js"></script>

    <style>
         .tupian {
    margin-left: 60px; /* 向右移动50像素 */
    margin-top: 220px;  /* 向下移动20像素 */
  }
  .menu a:hover {
    text-decoration: none;
    color: rgb(239, 4, 4); /* 设置悬停时的字体颜色为黄色 */
  }

        
    </style>
</head>

<body>



    <!-- 导航栏 -->

    <ul class="menu">
        <div class="dxl">
            <div class="move-righttop1">
                <li><a href="./主页.html" class="move-right" style="font-size: 50px; font-family: '华文行楷', cursive;">幻宇游戏</a>
                </li>
                <li><a href="./介绍/介绍.html" style="font-size: 20px;" >介绍</a></li>
                <li><a href="#" style="font-size: 20px;" >排行榜</a></li>
                <li><a href="./游戏推荐/游戏推荐.html" style="font-size: 20px;" >游戏推荐</a></li>
                <li><a href="#" style="font-size: 20px;" >作者特别篇</a></li>
            </div>

            <div class="bj2"></div>

            <div class="bj">
                <button class="btn-login" style="font-size: 15px;">登录</button>
            </div>
        </div>
    </ul>

    <!-- 主页图片 -->
<!--     <div class="tupian">-->
<!--       <img src="./logo/主页logo(废案).png" alt="示例图片">-->
<!--     </div>-->
    




    <!-- 背景视频 -->
    <div class="video-background">
        <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" id="bgVideo">
            <source src="./背景/第九艺术背景.mp4" type="video/mp4">
        </video>
    </div>

    <!-- 背景音乐控制按钮 -->
    <button class="video-toggle" id="videoToggle" onclick="toggleSound()">
        <i class="material-icons">volume_off</i>
    </button>

    <script>

    </script>
</body>